<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Flexible Box 弹性布局">
    <title>我的首页</title>
    <link rel="stylesheet" href="style/step1.css">
    <link rel="stylesheet" href="style/step2.css">
    <link rel="stylesheet" href="style/step3.css">
    <link rel="stylesheet" href="style/step4.css">
    <link rel="stylesheet" href="style/step5.css">
    <link rel="stylesheet" href="style/step6.css">
    <link rel="stylesheet" href="style/step7.css">
    <link rel="stylesheet" href="style/step8.css">
    <link rel="stylesheet" href="style/step9.css">
    <link rel="stylesheet" href="style/step10.css">
    <link rel="stylesheet" href="style/step11.css">
    <link rel="stylesheet" href="style/step12.css">
    <link rel="stylesheet" href="style/step13.css">
    <link rel="stylesheet" href="style/step14.css">
    <link rel="stylesheet" href="style/step15.css">
    <link rel="stylesheet" href="style/step16.css">
    <link rel="stylesheet" href="style/step17.css">
    <link rel="stylesheet" href="style/step18.css">
    <link rel="stylesheet" href="style/center.css">
    <link rel="stylesheet" href="style/axis.css">
</head>
<body>
<header class="nav">
    <div class="container container-flex">
        <ul>
            <li><a href="#" class="nav-link site-title">个人网站</a></li>
        </ul>
        <ul>
            <li><a href="resume.html" class="nav-link">简历</a></li>
            <li><a href="#" class="nav-link">工作经验</a></li>
            <li><a href="https://gitee.com/Show-Faker" class="nav-link">项目经验</a></li>
        </ul>
    </div>
</header>
<p class="center">欢迎来到我的网站</p>
<main>
    <div class="container">
        <div class="intro">
            <img class="avatar" src="./img/暂时头像.png" alt="我的头像">
            <h2 class="name">林锦昊</h2>
            <p class="bio">男 18岁 </p>
        </div>
         <div class="flex-container">
             <img class="item" src="我的微信.png" alt="微信二维码">
         </div>

        <div class="bq">
            <p class="small">最喜欢的一句话</p>
            <blockquote>
                永远挑战自己，是我的信条。
                <span> - Faker</span>
            </blockquote>
        </div>
    </div>
</main>

</body>
</html>